<!DOCTYPE html>
<meta charset="utf-8">

<head>
    <meta name="viewport" content="width-device-width,
    initial-scale=1.0,minimum-scale:1.0" />
    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" type="text/css" href="index.css">
    <script src="rem.js"></script>
    <script src="index.js" defer></script>
</head>

<body>
    <header>
        <div id="dingbu">
            <span id="dingbulogo"><img src="img/fdd.png" alt="加载中"></span>
        </div>
        <div id="dingbuxia">
            <span id="doubanwang">豆瓣网</span>
            <span id="soukuang">
                <input type="text" name="sousuo" placeholder="书籍、电影、音乐、小组、小站、成员" />
                <span id="souspan">
                    <a href=""><img src="img/a.jpg" alt="1"></a>
                </span>
            </span>
            <ul id="ul1">
                <li id="dushu"><a href="#">读书</a></li>
                <li id="dianying"><a href="#">电影</a></li>
                <li id="yinyue"><a href="#">音乐</a></li>
                <li id="tongcheng"><a href="#">同城</a></li>
                <li id="xiaozu"><a href="#">小组</a></li>
                <li id="yuedu"><a href="#">阅读</a></li>
                <li id="fm"><a href="#">FM</a></li>
                <li id="shijian"><a href="#">时间</a></li>
                <li id="doupin"><a href="#">豆品</a></li>
            </ul>
        </div>

    </header>
    <section id="dengluye">
        <div id="beijing">
            <p id="doubanqi">豆瓣7.0</p>
            <div id="xiazaiapp">
                <a href="#" id="applianjie">下载豆瓣 App</a>

            </div>
            <div id="erweima"><a href="#"><img src="img/hh.png"></a></div>
            <dialog open id="daerweima"><img src="img/44.png" alt="加载中"></dialog>
        </div>
        <div id="denglu">
            <a href="#">
                <div id="xiaoerweima"></div>
            </a>
            <dialog open id="xewmk">扫码登陆</dialog>
            <div id="denglulan">
                <a href="#"><span id="duanxin"> 短信登陆/注册</span></a>
                <a href="#"><span id="mimadenglu"> 密码登陆</span></a>
            </div>
            <div id="dengluu">
                <div id="denglu1">
                    <span id="xieyi">
                        请仔细阅读<a href="#">豆瓣使用协议、豆瓣个人信息保护政策</a>
                    </span>
                </div>
                <div id="denglu2"><span id="baliu">+86</span>
                    <input type="tel" placeholder="手机号">
                </div>
                <div id="denglu3">
                    <input type="number" placeholder="验证码">
                    <a href="#">获取验证码</a>
                </div>
                <div id="denglu4">
                    <a href="#">登陆豆瓣</a>
                </div>
                <div id="denglu5">
                    <span>
                        <a href="">收不到验证码</a>
                    </span>
                </div>
            </div>
            <div id="disanf">
                <span>第三方登陆:</span>
                <a href="#" id="weixin"><img src="img/55.jpeg"></a>
                <a href="#" id="weibo"><img src="img/33.jpeg"></a>
            </div>
        </div>
    </section>
    <main>
        <section id="redian">
            <div id="rediantitle">热点内容&nbsp&nbsp&nbsp· · · · · · (<a href="#">更多</a>)</div>
            <div id="tupian">
                <figure><img id="img1" src="img/img1.webp" alt="加载失败">
                    <figcaption><a href="#">月亮</a>63张图片</figcaption>
                </figure>
                <figure><img id="img2" src="img/img2.webp" alt="加载失败">
                    <figcaption><a href="#">路</a>160张图片</figcaption>
                </figure>
                <figure><img id="img3" src="img/img3.webp" alt="加载失败">
                    <figcaption><a href="#">花</a>207张图片</figcaption>
                </figure>
                <figure><img id="img4" src="img/img4.webp" alt="加载失败">
                    <figcaption><a href="#">麒麟</a>52张图片</figcaption>
                </figure>
            </div>
            <ul id="rediantext">
                <li id="ftext"><a href="#">两个月111公里，业余游泳爱好者路在何方</a>
                    <p id="lindazhou">林大洲那呐的日记</p>
                    <p id="buzhibujue">不知不觉计划一过半，刚好跟小伙伴们讨论到科技风就和看离开就就的达到减肥空间看断送了看法开门，文明美女此外的每年女女们你们农村美女们你叫我的宽慰我空间反...
                    </p>
                </li>

                <li><a href="#">男友为我过生日没花一分钱，该不该分手?</a></li>
                <li><a href="#">根据真是案件改变的悬疑小说：＂死去的人,真的会为了复仇而活过来吗?＂</a></li>
                <li><a href="#">椰汁喝他的半粘贴诗篇</a></li>
                <li><a href="#">论家庭关系里计算机的中华反对</a></li>
                <li><a href="#">一名平凡读者的买书总结</a></li>
                <li><a href="#">媒介蒙太奇之观看澳元</a></li>
            </ul>

            <ul id="remenhuati">
                <a href="#"><img src="img/gg.jpg" alt="加载失败"></a>
                <p>热点话题&nbsp&nbsp&nbsp· · · · · (<a href="#">去话题广场)</p>
                <li>
                    <a href="#">城市里的"侠客"打工人</a>
                    <p>新话题 · 1561次浏览</p>
                </li>
                <li>
                    <a href="#">豆瓣小组元宵节彩灯谜大赛</a>
                    <p>221.4万次浏览</p>
                </li>
                <li>
                    <a href="#">聊聊你身上的地球融合特质</a>
                    <p>6748次浏览</p>
                </li>
                <li>
                    <a href="#">文学作品中让你反复结语</a>
                    <p>1.1万次浏览</p>
                </li>
                <li>
                    <a href="#">我的「无主」情话</a>
                    <p>44.8万次浏览</p>
                </li>
                <li>
                    <a href="#">影视作品悬浮"现实主义"</a>
                    <p>新话题 · 1123次浏览 </p>
                </li>
            </ul>
        </section>
    </main>
    <footer>
        <hr style="border: 1px dashed rgb(223, 217, 217);">
        <span id="footer1">
            <div>© 2122—2222 douban.com,all rights reserved 斗半科技无限公司</br></div>
            <div><a href="#">营业执照 宇ICP证999999号 宇ICP备0000000号 网络视听许可证1111111号</a></br></div>
            <div>宇网文[2022]8888-222号 <a href="#">新出发宇批第直444444号</a> (署) 网出证 (宇) 字第000号</div>
            <div>为发和不亮心系/涉为城念有害心系投诉: &nbsp&nbspddddd@ewwww.com</br></div>
            <div>打开风就看大家看法经典/打开风肯德基: &nbsp&nbsp&nbsp500050000-3</br></div>
            <div>打开风觉得科技疯狂的:kkjfdf@kdjfkdj.com</br></div>
            <div><img src="img/jubao.png"><a href="#">瞧瞧瞧瞧瞧中心</a> &nbsp电话:444444
            <img src="img/biaoshi.gif">&nbsp<a href="#">宇公网安备343543645234234646</a></div>
        </span>
        <ul id="footer2">
            <li><a href="#">关于豆瓣</a></li>
            <li><a href="#">在豆瓣工作</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">帮助中心</a></li>
            <li><a href="#">移动应用</a></li>
            <li><a href="#">豆瓣广告</a></li>
        </ul>
    </footer>
</body>